var spans = document.querySelectorAll('header>span');
var uls = document.querySelectorAll('span>ul');
for(var i = 0;i<spans.length ; i++){
    spans[i].onmouseenter = function(){
        // 当前span添加样式类one；
        this.className = 'one'
        // 其他span删除样式类one；
        
        // 所有的ul display:none;
        for(var j = 0; j<uls.length ;j++){
            uls[j].style.display = 'none';
        }
        //* 对应的ul display:block;
        var index = this.dataset.index;
        uls[index-1].style.display = 'block';
        // 怎么找到span对应的ul？
        // 可以通过给收盘添加data-index属性，记录span的序号，
        // 鼠标进入的时候获取this.dataset.index,就是当前span的序号，
        }
    }
